<template>
	<view class="checkbox">
		
		<view class="chek"  @click="change" :class="isCheck?'on':''"></view>
		
	</view>
	
</template>

<script>
	export default {
		props: {
			isCheck:false
			 
	
		},
		data() {
			return {
				
			};
		},
		watch: {
			isCheck(val){
				 this.$emit("change",val)
			}
	
		},
		 
		methods: {
			
		 change(){
		 	this.isCheck=!this.isCheck;
		 },
		  
		 	
		}
		 
	}
</script>

<style>
	.checkbox .chek {
		
		background: url(https://mini-client-base-pic.oss-cn-beijing.aliyuncs.com/wx/check_yes.png) no-repeat;
		background-size: 100upx;
		width: 100upx;
		height: 56upx;
	}
	
	.checkbox .chek.on {
		background: url(https://mini-client-base-pic.oss-cn-beijing.aliyuncs.com/wx/check_yes_on.png) no-repeat;
		background-size: 100upx;
	}
</style>
